<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../css/api.css">

    <link rel="stylesheet" href="../../css/base_bai/base.css">
    <title>视频</title>

    <style>

    .van-swipe{    background: #F5F5F5;}

    .lunbo img{width: 95%;padding-top: .2rem;}

    .van-swipe-item{text-align: center;}

    .van-swipe__indicator--active{padding: 0 4px;    border-radius: 0.1rem;background: white}

    .van-swipe__indicators{    bottom: 0.35rem;right: 0.1rem;left:auto;}

    .van-icon__image{padding: 0.2rem;border-radius: 100%;border: 1px solid #E8BB6E;}


    .van-hairline--top-bottom,.van-grid-item__content,.van-grid,.van-grid-item{position: initial;}

    </style>

</head>

<body>
    <div id="app" v-cloak>

        <div>
            <van-nav-bar class="m-header" title="视频" />
        </div>

        <div class="lunbo">

            <van-swipe :autoplay="300000">
                <van-swipe-item v-for="(image, index) in images" :key="index">
                    <img :src="image" @click='  openWin("index_2", "index_2");' />
                </van-swipe-item>
            </van-swipe>
        </div>

        <div>
            <div><img style="width:100%;    display: block;" src="../../image/video_2.png" /></div>
            <van-grid :column-num="4">
                <van-grid-item v-for="(value,index) in grid" :key="value" :icon="value.icon" :text="value.text"></van-grid-item>
            </van-grid>
        </div>



    </div>
</body>
<script src="../../script/api.js"></script>
<script src="../../script/base_bai/vue.js"></script>
<script src="../../script/base_bai/vant.js"></script>
<script src="../../script/base_bai/area.js"></script>
<script src="../../script/base_bai/base.js"></script>
<script src="../../script/base_bai/temp.js"></script>
<script>
    apiready = function() {

        Vue.prototype.$ac = api;
        initVue()

    };
    if (BrowserType() == 'pc') {
        initVue()
    }


    function initVue() {
        new Vue({
            el: '#app',
            data: temp.video.index,


        })
    }
</script>

</html>
